@font-face {
  font-family: "iconfont"; /* project id 1695817 */
  src: url("//at.alicdn.com/t/font_1695817_kaxmuqwydih.eot");
  src: url("//at.alicdn.com/t/font_1695817_kaxmuqwydih.eot?#iefix")
      format("embedded-opentype"),
    url("//at.alicdn.com/t/font_1695817_kaxmuqwydih.woff2") format("woff2"),
    url("//at.alicdn.com/t/font_1695817_kaxmuqwydih.woff") format("woff"),
    url("//at.alicdn.com/t/font_1695817_kaxmuqwydih.ttf") format("truetype"),
    url("//at.alicdn.com/t/font_1695817_kaxmuqwydih.svg#iconfont") format("svg");
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 25px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
}
//   头部区域
.g-head {
  display: flex;
  padding: 0.2rem 0.1rem 0.2rem 0.1rem;
  div:nth-child(1) {
    flex: 1;
  }
  div:nth-child(2) {
    flex: 1;
    text-align: center;
  }
  div:nth-child(3) {
    flex: 1;
  }
}
//   列表区域
.g-list {
  background-color: #ccc;
  ul li {
    display: flex;
    div:nth-child(1) {
      flex: 1;
      padding: 0.1rem;
    }
    div:nth-child(2) {
      flex: 2;
    }
    div:nth-child(3) {
      flex: 1;
      padding: 0.1rem;
      display: flex;
      // justify-content: center;
      align-items: center;
    }
  }
}
// 底部控制区域
.g-control {
    position: fixed;
    padding: .2rem;
    bottom: 0;
    background-color: #ccc;
    width: 100%;
    div {
        display: flex;
        justify-content: center;
        div:nth-child(1) {
            // background-color: black;
            font-size: 30px;
            flex: 1;
        }
        div:nth-child(2) {
            // background-color: green;
            font-size: 30px;
            flex: 1;
        }
        div:nth-child(3) {
            // background-color: yellow;
            font-size: 30px;
            flex: 1;
        }
    }
    
}
